<% include head.ejs%>
<body>
<div class="wp">
    <header class="t-header">
        <div class="topbar">
            <a href="#" class="tmenuA fl">
                <i></i>
            </a>
            <a href="#" class="seachrA fr">
                <i class="icon-search"></i>
            </a>
            <span>商城</span>
        </div><!-- topbar end -->
    </header>
    <div class="scrollView">
        <div id="leftcontrol" class="hide">
            <ul id="m_nav">
                <% for (var i in prodTypes){%>
                <li class="navitem jkms">
                    <dt><a class="prodtype"  id="<%= prodTypes[i].type_id%>"><%= prodTypes[i].type_name%></a></dt>
                </li>
                <% }%>
                <!--<li class="navitem jkms">-->
                    <!--<dt>进口酒水区</dt>-->
                    <!--<dl>-->
                        <!--<a href="#">-->
                            <!--<img src="/images/hj.png">-->
                            <!--红酒-->
                        <!--</a>-->
                    <!--</dl>-->
                    <!--<dl>-->
                        <!--<a href="#">-->
                            <!--<img src="/images/pj.png">-->
                            <!--啤酒-->
                        <!--</a>-->
                    <!--</dl>-->
                <!--</li>-->
                <!--<li class="navitem jkms">-->
                    <!--<dt>进口美食区</dt>-->
                    <!--<dl>-->
                        <!--<a href="#">-->
                            <!--<img src="/images/xxsp.png">-->
                            <!--休闲食品-->
                        <!--</a>-->
                    <!--</dl>-->
                    <!--<dl>-->
                        <!--<a href="#">-->
                            <!--<img src="/images/ly.png">-->
                            <!--粮油-->
                        <!--</a>-->
                    <!--</dl>-->
                <!--</li>-->
                <!--<li class="navitem jkms">-->
                    <!--<dt>日化专区</dt>-->
                    <!--<dl>-->
                        <!--<a href="#">-->
                            <!--<img src="/images/hfp.png">-->
                            <!--护肤品-->
                        <!--</a>-->
                    <!--</dl>-->
                    <!--<dl>-->
                        <!--<a href="#">-->
                            <!--<img src="/images/grxh.png">-->
                            <!--个人洗护-->
                        <!--</a>-->
                    <!--</dl>-->
                <!--</li>-->
            </ul>
        </div><!-- left ment -->

        <div class="sitecontent transform">
            <div class="malllistBox pr">
                <div class="sorllViewbg transform"></div>
                <div class="mallcsNav clearfix">
                    <% for (var i in prodTypes){%>
                        <li>
                            <a class="prodtype <% if(i==0){%> on <% }%>" id="<%= prodTypes[i].type_id%>"><%= prodTypes[i].type_name%></a>
                        </li>
                    <% }%>
                    <!--<li>-->
                        <!--<a href="#" class="prodtype on">进口食品</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#" class="prodtype">日化用品</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#" class="prodtype">母婴专用</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#" class="prodtype">健康养生</a>-->
                    <!--</li>-->
                </div>

                <ul>
                    <% for (var i in pdList){%>
                    <li>
                        <div class="shop-info">
                            <!-- <input type="checkbox" class="check goods-check goodsCheck"> -->
                            <div class="shop-info-img"><a href="/prod/getProdDetail?prodId=<%= pdList[i].product_id%>"><img src="<%= pdList[i].product_icon%>" /></a></div>
                            <div class="shop-info-text">
                                <h4><%= pdList[i].product_name%></h4>

                                <div class="shop-price">
                                    <div class="shop-pices">￥<b><%= pdList[i].product_discount_price/100%></b></div>
                                    <div class="shop-brief">￥<s><%= pdList[i].product_price/100%></s></div>
                                    <div class="shop-arithmetic">
                                        <div class="shop-brief"><span>已售1945件</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <%}%>
                </ul>
            </div><!-- malllistBox end-->
            <div class="b-menu">
                <% include footer.ejs%>
            </div>
        </div><!-- scrollView end-->
    </div><!-- sitecontent -->


</div>
</body>
</html>

<script>
    $(function () {
        $(".prodtype").click(function () {
            $(this).siblings("").addClass("on");
            $(".prodtype.on").removeClass("on");
            var typeId = $(this).attr('id');
            $.get('/prod/getProdList',{typeId:typeId},function (result) {
                var prod = JSON.parse(result);
                $('#prodlist').html('');
                for(var i in prod){
                    console.log(prod[i].product_name);
                    var pdlist = '<li>';
                    pdlist += '<a href="/prod/getProdDetail?prodId='+prod[i].product_id+'">';
                    pdlist += '<img src="'+prod[i].product_icon+'">';
                    pdlist += '</a>';
                    pdlist += '<h1>'+prod[i].product_name+'</h1>';
                    pdlist += '<div class="info">';
                    pdlist += '<dl>';
                    pdlist += '<i class="xprice">￥'+prod[i].product_discount_price+'</i>';
                    pdlist += '<span class="yprice login">￥'+prod[i].product_price+'</span>';
                    pdlist += '</dl>';
                    pdlist += '<dl>';
                    pdlist += '<a href="/prod/getProdDetail?prodId='+prod[i].product_id+'" class="btngo">';
                    pdlist += '立即抢购';
                    pdlist += '</a>'
                    pdlist += '</dl>';
                    pdlist += '</div>';
                    pdlist += '</li>';
                    $('#prodlist').append(pdlist);
                    $('#'+typeId).addClass("on");
                }
            });
        });
    })
</script>